<template>
<t-tabs v-model="value">
    <t-tab-panel value="first" label="外观" :destroyOnHide="false">
      <!-- <PenProps v-if="selections.pen?.length === 1" />
      <PensProps v-else /> -->
    </t-tab-panel>
    <t-tab-panel value="second" label="事件" :destroyOnHide="false">
      <!-- <EventProps /> -->
      <!-- <FilePropsConnection /> -->
    </t-tab-panel>
    <t-tab-panel value="third" label="动效">
      <!-- <lineAnimate v-if="selections.pen![0].name === 'line'" />
      <template v-else>icon动效待开发</template> -->
      <!-- <PenAnimate v-else-if="!selections.pen![0].children || selections.pen![0].children.length === 0" /> -->
    </t-tab-panel>
    <t-tab-panel value="four" label="数据">
      <!-- <template>数据待开发</template> -->
    </t-tab-panel>
    <t-tab-panel value="five" label="结构">
      <!-- <Structure /> -->
       <!-- <p>结构待开发</p> -->
    </t-tab-panel>
  </t-tabs>
</template>
<script lang="ts" setup>
import { ref } from 'vue';

const value = ref('first');
</script>

<style lang="less" scoped>

</style>